<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="../../lib/html5shiv.js?rev=@@hash"></script>
    <script type="text/javascript" src="../../lib/respond.min.js?rev=@@hash"></script>
    <![endif]-->
    <!--引入分页-->
    <link rel="stylesheet" href="../../lib/pagination/pagination.css">
    <link rel="stylesheet" type="text/css" href="../../static/h-ui/css/H-ui.min.css"/>
    <link rel="stylesheet" type="text/css" href="../../static/h-ui.admin/css/H-ui.admin.css"/>
    <link rel="stylesheet" type="text/css" href="../../lib/Hui-iconfont/1.0.8/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="../../static/h-ui.admin/skin/default/skin.css" id="skin"/>
    <link rel="stylesheet" type="text/css" href="../../static/h-ui.admin/css/style.css"/>
    <!--表单验证-->
    <link rel="stylesheet" type="text/css" href="../../lib/Validform/5.3.2/style.css" />
    <link rel="stylesheet" type="text/css" href="../../ht-css/Project.css"/>
    <link rel="stylesheet" href="../../ht-css/combo.select.css">
    <!--[if IE 6]>
    <script type="text/javascript" src="../../lib/DD_belatedPNG_0.0.8a-min.js?rev=@@hash"></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="../../ht-css/style-q.css"/>
    <title>SPU详情</title>
</head>
<body>
<nav class="breadcrumb">商品管理 <span class="c-gray en">&gt;</span> 分类/品牌设置 <span class="c-gray en">&gt;</span> 商品售卖管理 <span
        class="c-gray en">&gt;</span> SPU<a class="btn btn-success radius r" style="line-height:1.6em;margin-top:3px" href="javascript:location.replace(location.href);" title="刷新"><i
        class="Hui-iconfont">&#xe68f;</i></a></nav>
<article class="page-container">
    <div id="tab_topnav" class="HuiTab">
        <div class="tabBar clearfix">
            <span>基本信息</span>
            <span onclick="detailsAll(1)">图文介绍</span>
        </div>
        <!--基本信息-->
        <div class="tabCon bk-gray bg-1">
            <form method="post">
                <div class="bg-1 pb-10">
                    <div class="va-m pl-15 lh-50 f-16">
                        <strong>架构信息</strong>
                        <div class="line"></div>
                    </div>
                    <div class="lh-30 mb-10">
                        <table class="table_li mb-10 table">
                            <thead class="text-l">
                            <tr>
                                <td class="col-4-1 text-l">
                                    <div class="row ml-10" >
                                        <label class="form-label f-l label-right w-100">SPU码：</label>
                                        <div class="formControls w-500 ml-10 lh-26" id="spu_code"></div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="col-4-1 text-l">
                                    <div class="row ml-10" >
                                        <label class="form-label f-l label-right w-100">商品类型：</label>
                                        <div class="formControls w-500 ml-10 lh-26" id="commodity_type"></div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="col-4-1 text-l">
                                    <div class="row ml-10" >
                                        <label class="form-label f-l label-right w-100">商品名称：</label>
                                        <div class="formControls w-500 ml-10 lh-26" id="spu_name"></div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="col-4-1 text-l">
                                    <div class="row ml-10" >
                                        <label class="form-label f-l label-right w-100">副标题：</label>
                                        <div class="formControls w-500 ml-10 lh-26" id="subtitile"></div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="col-4-1 text-l">
                                    <div class="row ml-10" >
                                        <label class="form-label f-l label-right w-100">品类：</label>
                                        <div class="formControls w-500 ml-10 lh-26" id="category_name"></div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="col-4-1 text-l">
                                    <div class="row ml-10" >
                                        <label class="form-label f-l label-right w-100">是否限制类品类：</label>
                                        <div class="formControls w-500 ml-10 lh-26" id="category_product_type"></div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="col-4-1 text-l">
                                    <div class="row ml-10" >
                                        <label class="form-label f-l label-right w-100">品牌：</label>
                                        <div class="formControls w-500 ml-10 lh-26" id="brand_name"></div>
                                    </div>
                                </td>
                            </tr>

                            <tr>
                                <td class="col-4-1 text-l">
                                    <div class="row ml-10" >
                                        <label class="form-label f-l label-right w-100">是否销售多计量：</label>
                                        <div class="formControls w-500 ml-10 lh-26" id="is_sales_multi_measurement"></div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="col-4-1 text-l">
                                    <div class="row ml-10" >
                                        <label class="form-label f-l label-right w-100">销售区域：</label>
                                        <div class="formControls w-500 ml-10 lh-26" id="areaNames"></div>
                                    </div>
                                </td>
                            </tr>
                            </thead>
                        </table>
                    </div>
                    <div class="va-m pl-15 lh-50 f-16">
                        <strong>基本管理信息</strong>
                        <div class="line"></div>
                    </div>
                    <div class="lh-30 mb-10">
                        <table class="table_li mb-10 table">
                            <thead class="text-l">
                            <tr>
                                <td class="col-4-1 text-l">
                                    <div class="row ml-10" >
                                        <label class="form-label f-l label-right w-100">经营模式：</label>
                                        <div class="formControls w-500 ml-10 lh-26" id="management_model"></div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="col-4-1 text-l">
                                    <div class="row ml-10" >
                                        <label class="form-label f-l label-right w-100">包装清单：</label>
                                        <div class="formControls w-500 ml-10 lh-26" id="packing_list"></div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="col-4-1 text-l">
                                    <div class="row ml-10" >
                                        <label class="form-label f-l label-right w-100">存量属性：</label>
                                        <div class="formControls w-500 ml-10 lh-26" id="stock_attribute"></div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="col-4-1 text-l">
                                    <div class="row ml-10" >
                                        <label class="form-label f-l label-right w-100">合作模式：</label>
                                        <div class="formControls w-500 ml-10 lh-26" id="cooperation_mode"></div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="col-4-1 text-l">
                                    <div class="row ml-10" >
                                        <label class="form-label f-l label-right w-100">售价管理周期：</label>
                                        <div class="formControls w-500 ml-10 lh-26" id="price_management_cycle"></div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="col-4-1 text-l">
                                    <div class="row ml-10" >
                                        <label class="form-label f-l label-right w-100">档次外部定位：</label>
                                        <div class="formControls w-500 ml-10 lh-26" id="grade_external_positioning"></div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="col-4-1 text-l">
                                    <div class="row ml-10" >
                                        <label class="form-label f-l label-right w-100">档次内部定位：</label>
                                        <div class="formControls w-500 ml-10 lh-26" id="grade_internal_positioning"></div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="col-4-1 text-l">
                                    <div class="row ml-10" >
                                        <label class="form-label f-l label-right w-100">集散地：</label>
                                        <div class="formControls w-500 ml-10 lh-26" id="distribution_center"></div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="col-4-1 text-l">
                                    <div class="row ml-10" >
                                        <label class="form-label f-l label-right w-100">是否季节性商品：</label>
                                        <div class="formControls w-500 ml-10 lh-26" id="is_seasonal_commodities"></div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="col-4-1 text-l">
                                    <div class="row ml-10" >
                                        <label class="form-label f-l label-right w-100">囤货期：</label>
                                        <div class="formControls w-500 ml-10 lh-26" id="stock_up_period"></div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="col-4-1 text-l">
                                    <div class="row ml-10" >
                                        <label class="form-label f-l label-right w-100">下架期：</label>
                                        <div class="formControls w-500 ml-10 lh-26" id="off_shelf_period"></div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="col-4-1 text-l">
                                    <div class="row ml-10" >
                                        <label class="form-label f-l label-right w-100">价值等级：</label>
                                        <div class="formControls w-500 ml-10 lh-26" id="value_hierarchy"></div>
                                    </div>
                                </td>
                            </tr>
                            </thead>
                        </table>
                    </div>

                    <div class="va-m pl-15 lh-50 f-16">
                        <strong>营销信息</strong>
                        <div class="line"></div>
                    </div>
                    <div class="lh-30 mb-10">
                        <table class="table_li mb-10 table">
                            <thead class="text-l">
                            <tr>
                                <td class="col-4-1 text-l">
                                    <div class="row ml-10" >
                                        <label class="form-label f-l label-right w-100">售卖平台：</label>
                                        <div class="formControls w-500 ml-10 lh-26"  id="sale_platform"></div>
                                    </div>
                                </td>
                            </tr>
                            <tr>
                                <td class="col-4-1 text-l">
                                    <div class="row ml-10" >
                                        <label class="form-label f-l label-right w-100">售价属性：</label>
                                        <div class="formControls w-500 ml-10 lh-26" id="price_attribute"></div>
                                    </div>
                                </td>
                            </tr>
                            </thead>
                        </table>
                    </div>

                    <div class="va-m pl-15 lh-50 f-16">
                        <strong>基本属性组</strong>
                        <div class="line"></div>
                    </div>
                    <div class="lh-30 mb-10">
                        <table class="table_li mb-10 table">
                            <thead class="text-l" id="attribute">

                            </thead>
                        </table>
                    </div>
                </div>
            </form>
        </div>
        <!--图文介绍-->
        <div class="tabCon bk-gray bg-1" >
            <div class="va-m pl-15 lh-50 f-16">
                <strong>图片信息</strong>
                <div class="line"></div>
            </div>
            <div class="lh-30 mb-10">
                <div style="margin: 20px 0 18px 20px;">
                    <!--<div class="check-box">
                        <input class="btn radius f-l" type="button" id="refinement" onclick="pictureinformations(1)" style="color: #fff;background-color: #4A90E2;border-color: #4A90E2;" value="精修图">
                        <input class="btn radius f-l ml-10" id="notrefined" type="button" onclick="pictureinformations(2)" value="非精修图">
                    </div>-->
                </div>
                <div class="check-box" id="spuImgs">
                </div>
            </div>
            <div class="va-m pl-15 lh-50 f-16">
                <strong>详情信息</strong>
                <div class="line"></div>
            </div>
            <div class="lh-30 mb-10">
                <div style="margin: 20px 0 18px 20px;">
                    <div class="check-box">
                        <input class="btn radius f-l" type="button" id="pcdetails" value="pc详情" onclick="detailsAll(1)" style="color: #fff;background-color: #4A90E2;border-color: #4A90E2;">
                        <input class="btn radius f-l ml-10" id="appdetails" type="button" onclick="detailsAll(2)" value="移动端详情">
                    </div>
                </div>
                <div class="check-box">
                    <div id="editor" class="formControls col-sm-9">
                    </div>
                </div>


            </div>


        </div>
    </div>

</article>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="../../lib/jquery/1.9.1/jquery.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/layer/2.4/layer.js?rev=@@hash"></script>
<script type="text/javascript" src="../../static/h-ui/js/H-ui.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../static/h-ui.admin/js/H-ui.admin.js?rev=@@hash"></script> <!--/_footer 作为公共模版分离出去-->
<!--表单验证-->
<script type="text/javascript" src="../../lib/jquery.validation/1.14.0/jquery.validate.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/jquery.validation/1.14.0/validate-methods.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/datatables/1.10.0/jquery.dataTables.min.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/laypage/1.2/laypage.js?rev=@@hash"></script>
<script type="text/javascript" src="../../lib/Validform/5.3.2/Validform_v5.3.2_min.js?rev=@@hash"></script>
<script src="../../lib/pagination/jquery.pagination.js?rev=@@hash"></script>
<script src="../../ht-js/frame/doT.min.js?rev=@@hash"></script>
<script src="../../ht-js/public.js?rev=@@hash"></script>
<!--验证token-->
<script src="../../ht-js/verifyToken.js?rev=@@hash"></script>
<script src="../../ht-js/goods/spu-info.js?rev=@@hash"></script>
<script src="../../ht-js/goods/pictures.js?rev=@@hash"></script>
<script src="../../ht-js/dynamicWarehouse.js?rev=@@hash"></script>
<script type="text/javascript" charset="utf-8" src="../../ht-js/operation-js/ueditor/ueditor.config.js?rev=@@hash"></script>
<script type="text/javascript" charset="utf-8" src="../../ht-js/operation-js/ueditor/ueditor.all.min.js?rev=@@hash"></script>
<!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
<!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
<script type="text/javascript" charset="utf-8" src="../../lib/ueditor/1.4.3/lang/zh-cn/zh-cn.js?rev=@@hash"></script>

<script>

    jQuery.Huitab = function(tabBar, tabCon, class_name, tabEvent, i) {
        var $tab_menu = $(tabBar);
        // 初始化操作
        $tab_menu.removeClass(class_name);
        $(tabBar).eq(i).addClass(class_name);
        $(tabCon).hide();
        console.log(tabCon)
        $(tabCon).eq(i).show();
        $('#tableId').hide()
        $tab_menu.bind(tabEvent, function() {
            $tab_menu.removeClass(class_name);
            $(this).addClass(class_name);
            var index = $tab_menu.index(this);
            $(tabCon).hide();
            $(tabCon).eq(index).show();
             $('#tableId').show()
        });
    }

    $(function() {
        $.Huitab("#tab_topnav .tabBar span", "#tab_topnav .tabCon", "current", "click", "0")
    });

    var ue = UE.getEditor('editor',{
        enterTag:'' ,
        autoHeightEnabled: true,
        autoFloatEnabled: true,
        initialFrameWidth: 1500,
        initialFrameHeight:400,
        readonly : true//禁止编辑
    });

    UE.Editor.prototype._bkGetActionUrl = UE.Editor.prototype.getActionUrl;
    UE.Editor.prototype.getActionUrl = function(action) {
        if (action == 'uploadimage' || action == 'uploadvideo' || action == 'uploadfile' ) {
            return root.sroreinter.ueditor; //在这里返回我们实际的上传图片地址
        } else {
            return this._bkGetActionUrl.call(this, action);
        }
    }
</script>
</body>
</html>